<%@ include file="/WEB-INF/jsp/barNav.jsp"%>
<c:if test="${message != null}">
	<%@ include file="/WEB-INF/jspf/message.jspf"%>
</c:if>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span9">
			<h3 class="h1plateau">Plateau jeu</h3>
			<div class="hero-unit" id="plateauPage"
				data-tempspourjouer="${tempPourJouer}">

				<div id="grid">
					<div id="pos1" class="btn btn-large">1</div>
					<div id="pos2" class="btn btn-large">2</div>
					<div id="pos3" class="btn btn-large">3</div>
					<div id="pos3b" class="btn btn-large">3</div>
					<div id="pos4" class="btn btn-large">4</div>
					<div id="pos4b" class="btn btn-large">4</div>
					<div id="pos5" class="btn btn-large">5</div>
					<div id="pos5b" class="btn btn-large">5</div>
					<div id="pos6" class="btn btn-large">6</div>
					<div id="pos6b" class="btn btn-large">6</div>
					<div id="pos7" class="btn btn-large">7</div>
					<div id="pos7b" class="btn btn-large">7</div>
					<div id="pos8" class="btn btn-large">8</div>
					<div id="pos8b" class="btn btn-large">8</div>
					<div id="pos9" class="btn btn-large">9</div>
					<div id="pos9b" class="btn btn-large">9</div>
					<div id="pos10" class="btn btn-large">10</div>
					<div id="pos10b" class="btn btn-large">10</div>
					<div id="pos11" class="btn btn-large">11</div>
					<div id="pos11b" class="btn btn-large">11</div>
					<div id="pos12" class="btn btn-large">12</div>
					<div id="pos12b" class="btn btn-large">12</div>
					<div id="pos13" class="btn btn-large">13</div>
					<div id="pos13b" class="btn btn-large">13</div>
					<div id="pos14" class="btn btn-large">14</div>
					<div id="pos14b" class="btn btn-large">14</div>
					<div id="pos15" class="btn btn-large">15</div>
					<div id="pos15b" class="btn btn-large">15</div>
					<div id="pos16" class="btn btn-large">16</div>
					<div id="pos16b" class="btn btn-large">16</div>
					<div id="pos17" class="btn btn-large">17</div>
					<div id="pos17b" class="btn btn-large">17</div>
					<div id="pos18" class="btn btn-large">18</div>
					<div id="pos18b" class="btn btn-large">18</div>
					<div id="pos19" class="btn btn-large">19</div>
					<div id="pos20" class="btn btn-large">20</div>
				</div>

			</div>
			<div id="jeton">
				Case : <br />
				<div class="btn-large" id="value-de">
						<%/*<c:out value="${resultatDe}" />*/%>
						3
				</div>
				<hr>
				Jetons &agrave; placer : <br />

				<div class="btn-large drag" id="value-jeton1">
					<%/*<c:out value="${jeton1}" />*/%>
						9
				</div>
				<hr>

				<div class="btn-large drag" id="value-jeton2">
					<%/*<c:out value="${jeton2}" />*/%>
						1
				</div>
				<hr>
				<div class="btn-large drag" id="value-jeton3">
					<%/*<c:out value="${jeton3}" />*/%>
						7
				</div>
			</div>
		</div>
<!-- 	Ces deux champs nous permettent de facilement retrouver la case choisie ainsi que le jeton placé -->
		<div id="caseChoisie" style="visibility: hidden;"></div>
		<div id="jetonPlace" style="visibililty:hidden;"></div>
	</div>
</div>
